<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <meta name = "format-detection" content="telephone = no" />
    <link rel="shortcut icon" href="img/smlogo.png" type="image/x-icon">
    <meta charset="UTF-8">
    <title>Pulu</title>
    <link rel="stylesheet" href="css/index2.css"/>
    <link rel="stylesheet" href="css/mysetpage.css"/>
    <link rel="stylesheet" href="css/jquery.Jcrop.min.css"/>
    <style>
        .mweb .PageWrapper{margin-top:44px;}
        #mysetpage .changephotobox#upload-img{
            width:30px;
            height:30px;
            top:13px;
            right:23px;
        }
        #mysetpage .changephotobox#upload-img>img{
            width:30px;
            height:30px;
        }
        /*改布局部分*/
        #allcitypage{
            overflow: scroll;
            width:100%;
            box-sizing: border-box;
        }
        #ctchoicepage{
            margin-top:0;
            height:100%;

        }
        .inputsearchbox{
            top:0;
        }
        #citylistul .Cell .tc_inner{
            margin-right:40px;
            padding-right:0;
        }
        #allcitypage .rightnav>div{
            width:27px;
            height:18px;
            text-align: center;
        }
        .switcher .rt{
            margin-right:-15px;
        }
        .kindword{
            max-width: 50%;
            height:22px;
            white-space:nowrap;
            text-overflow:ellipsis;
            -o-text-overflow:ellipsis;
            overflow: hidden;
        }
        #savechange{
            box-sizing: border-box;
            padding:0;
            margin:0;
            height:44px;
            width:44px;
            line-height: 44px;
            text-align: center;
            color:#fff;
            left: inherit;
        }
        .Section .ts_cells .Cell .tc_inner{
            padding-left:20px;
        }
        .rightnav div{
            cursor: pointer;
        }
        /*图片*/
        #imgchoicepage{
            position:fixed;
            bottom: 0;
            top: 0;
            max-width:1000px;
            width:100%;
        }
        #element_id{
            width:100%;
            height:100%;
        }
        #imgchoicepage .wrapper.home_feed{
            height:100%;
        }
        /*昵称已存在*/
        #nokeywordalert{
            display:none;
            position:fixed;
            width: 100%;
            z-index: 9999;
            top:0;
            left:0;
            bottom:0;
            background: rgba(0,0,0,0.75);
        }
        #nokeywordalert>div{
            position:relative;
            width: 100%;
            height:100%;
        }
        #nokeywordalert>div>.inner{
            background: #fff;
            padding: 55px 30px 26px 28px;
            border-radius: 3px;
            box-sizing: border-box;
            /*min-width: 300px;*/
            height:175px;
            /*width:322px;*/
            max-width:322px;
            width:78%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
        #nokeywordalert .inner>.title{
            font-size: 20px;
            padding-bottom: 24px;
        }
        #nokeywordalert .inner>.word{
            font-size: 18px;
            padding-bottom:44px;
            /*font-weight: bold;*/
        }
        #closealertbtn{
            color:#0BA70A;
            float:right;
            height:30px;
            font-size: 18px;
            line-height:30px;
            width:60px;
            /*font-weight: bold;*/
            text-align: center;
        }
        /*图片等待*/
        #sendimginfo{
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 3900;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.75);
            box-sizing: border-box;
        }
        #sendimginfo>div{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            min-width:193px;
            background: #fff;
            /* margin: 0 20%; */
            /* margin-top: 150px; */
            padding: 15px;
            border-radius: 3px;
        }
        input::-webkit-input-placeholder {
            color:    #ccc;
        }
        input:-moz-placeholder {
            color:    #ccc;
        }
        input:-ms-input-placeholder{
            color:    #ccc;
        }
        /*热门城市*/
        #hotcity {
            padding: 0 0 10px 10px;
            list-style: none;
        }
        #hotcity>span {
            line-height: 40px;
            font-size: 13px;
            color: #666;
            display: block;
        }
        #hotcity>.ctlist {
            overflow: hidden;
        }
        #hotcity>.ctlist>span{
            float: left;
            height: 40px;
            line-height: 40px;
            border: 1px solid #ddd;
            text-align: center;
            margin-right: 3%;
            width: 29%;
            margin-bottom: 10px;
            padding: 0;
            min-height: 40px;
            color: #333;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        #hotcity>.ctlist>span.clicked{
            border-color: #1fa6df;
            color: #099fde;
        }
    </style>

    <style>
        #register>p{
            padding:20px 15px;
            font-size:15px;
        }

        #ranking{height:100%;background: #ececec;}
        #ranking>p{
            padding:15px;
            word-break: break-all;
            font-size: 14px;
            color: #666;
            margin-top: 0;
            background: #fff;
            border-top: 10px solid #e2e2e2;
            border-bottom: 1px solid #ccc;
        }
        #ranking ul{
            background:#fff;
            list-style: none;
        }
        #ranking li{
            padding-left:0;
            background:#fff;
            border-bottom: 1px solid #ccc;
            box-sizing: border-box;
            height: 52px;
            line-height:52px;
            margin: 0;
        }
        #ranking li>label{
            width:120px;
            margin-left:10px;
            margin-right:10px;
            float:left;
        }
        #ranking li>div{margin-left:130px;}
        #ranking select{
            width:90%;
            height:25px;
        }
        .professionTitle{
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }
        #ranking li>div.part1{
            margin-left:10px;
            line-height:25px;
            background: #fff;
            margin-left: 0;
        }
        #ranking li>div.part1>div{
            position: relative;
            margin-bottom:5px;
            margin-left:16px;
        }
        #ranking li>div.part1>div>div:not(.lf){
            position: absolute;
            top:0;
            left:60px;
            right:10px;
        }
        #ranking li>div.part1>div>div>input{width:100%;}
        .addLarge,.addSmall{
            color:#09f;
        }
        .addLarge>span,.addSmall>span{
            display:inline-block;
            border:1px solid #09f;
            border-radius: 2px;
            height: 16px;
            width: 16px;
            box-sizing: border-box;
            text-align: center;
            line-height: 15px;
        }
        #ranking .delBtn{
            color:#f00;
            font-size:13px;
        }
        .choicenews img, .professionDiv img {
            float: right;
            width: 14px;
            height: 14px;
            padding-top: 19px;
            padding-right: 10px;
        }
        #ranking .newsname {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-line-clamp: 1;
            box-sizing: border-box;
            word-break: break-all;
            height: 52px;
        }
    </style>
    <style>
        #professionList .listplace{
            margin-top:40px;
            background:#ececec;
        }
        #professionList .listplace>div{
            background:#fff;
            height:45px;
            line-height:45px;
            margin-bottom:10px;
            padding-left:20px;
            overflow: hidden;
            position: relative;
        }
        #professionList .listplace input{
            margin-top: 13px;
            margin-right: 10px;
            height: 20px;
            width: 20px;
        }
        #professionList .listplace label{
            position: absolute;
            left: 50px;
            right: 10px;
        }
        #skillLi>.part1>p{
            font-size:16px;
            margin-bottom:6px;
            margin-top:6px;
        }
        #skillLi>.part1>div{
            overflow: hidden;
        }
        #skillLi>.part1 select{
            border:none;
        }
        #skillLi>.part1 div.lf{
            width:50%;
        }
        #skillLi>.part1 .lf>div{
            height:23px;
            box-sizing: border-box;
            margin-left:50px;
        }
        #skillLi>.part1 .lf>div input{
            width:100%;
            border:1px solid #ECECEC;
            padding-left:3px;
            padding-right:3px;
            box-sizing: border-box;
        }
        #skillLi>.part1 .lf>div select{
            border:1px solid #ECECEC;
            height:23px;
        }
        #addLargeBtn,#addSmallBtn{display:inline-block;}
    </style>
</head>
<body class=" experiment-lookup_bar-on gating-feed_switcher_bar-on mweb  gating-new_mweb_header_logged_out-off">
<div class="bigbox1">
    <div class="bigbox2">
        <!-- 设置页面-->
        <div class="PageWrapper mweb" id="page_wrapper" style="display: block;">
            <!-- 头部导航条-->
            <div class="Header" id="header">
                <div class="fixed_header">
                    <div class="header_main">
                        <button class="mweb_modal_back_button lf" id="mainsetpagegoback"></button>
                        <div class="page_title" id="page_title">编辑</div>
                        <div class="header_action_buttons" style="height: 100%" id="savechange">
                            保存
                        </div>
                    </div>
                    <ul class="header_nav">
                        <li class="NotifsNavItem HeaderNavItem">
                            <a id="question1">
                                <div class="label">问题圈</div>
                            </a>
                        </li>
                        <li class="HeaderNavItem OpenQsNavItem">
                            <a id="answer1">
                                <div class="label">经验圈</div>
                            </a>
                        </li>
                        <li class="HeaderNavItem HomeNavItem">
                            <a id="read1">
                                <div class="label">资讯圈</div>
                            </a>
                        </li>
                        <li class="ProfileNavItem HeaderNavItem is_active">
                            <a id="set1">
                                <p id="newnotenotice" style="display:none"></p>
                                <div class="label">我</div>
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- 设置部分-->
                <div class="FormSection EditProfileSection BlockComponent FormMixin Section" id="mysetpage">
                    <form>
                        <ul class="ts_cells">
                            <!-- 昵称-->
                            <li class="Cell InputCell InputMixin">
                            <span class="tc_inner">
                                <div class="form_inputs">
                                    <div class="form_row">
                                        <label class="input_label" for="nick_name">姓名</label>
                                        <input class="text input_field" style="text-align: right;padding-right:14px;" type="text" name="input" placeholder="请输入您的姓名" id="nick_name" maxlength="7">
                                    </div>
                                </div>
                            </span>
                                <div class="tc_stroke"></div>
                            </li>
                            <!-- 姓名-->
                            <li class="Cell InputCell InputMixin" style="display:none;">
                            <span class="tc_inner">
                                <div class="form_inputs">
                                    <div class="form_row">
                                        <label class="input_label" for="nick_name">姓名</label>
                                        <input class="text input_field" style="text-align: right;padding-right:14px;" type="text" name="input" placeholder="请输入真实姓名" id="realname" maxlength="7">
                                    </div>
                                </div>
                            </span>
                                <div class="tc_stroke"></div>
                            </li>
                            <!--性别-->
                            <li class="Cell InputCell InputMixin">
                            <span class="tc_inner" id="choicesex">
                                <div class="form_inputs">
                                    <div class="form_row" style="text-align: right;padding-right:14px;">
                                        <span class="input_label" style="text-align: left;">性别</span>
                                        <span id="sexbox1" style="display: none;padding-right:14px;">男</span>
                                        <span id="sexbox2" style="display: block;padding-right:14px;">女</span>
                                    </div>
                                </div>
                            </span>
                                <div class="tc_stroke"></div>
                            </li>
                            <!-- 自定义标签-->
                            <li class="Cell InputCell InputMixin" style="display:none;">
                            <span class="tc_inner">
                                <div class="form_inputs">
                                    <div class="form_row">
                                        <label class="input_label" for="mylabel">自定义标签</label>
                                        <input class="text input_field" type="text" style="text-align: right;padding-right:14px;" placeholder="标签可匹配您的兴趣" name="input" maxlength="80" id="mylabel">
                                    </div>
                                </div>
                            </span>
                                <div class="tc_stroke"></div>
                            </li>
                            <!-- 个性签名-->
                            <li class="Cell InputCell InputMixin">
                            <span class="tc_inner">
                                 <div class="form_inputs">
                                     <div class="form_row">
                                         <label class="input_label" for="personalword">个性签名</label>
                                         <input class="text input_field" style="text-align: right;padding-right:14px;" type="text" placeholder="一句话描述" name="input" maxlength="80" id="personalword">
                                     </div>
                                 </div>
                            </span>
                                <div class="tc_stroke"></div>
                            </li>
                            <!-- 头像-->
                            <li class="Cell InputCell InputMixin">
                                <span class="tc_inner" style="position: relative;">
                                     <div class="form_inputs">
                                         <div class="form_row">
                                             <span class="input_label">更换头像</span>
                                         </div>
                                     </div>
                                </span>
                                <div class="tc_stroke"></div>
                                <input type="file" id="touxiangbtn" accept="image/*"/>
                                <div class="changephotobox" id="upload-img">

                                </div>
                            </li>
                            <!-- 最高学历-->
                            <li class="Cell InputCell InputMixin" style="border-top:10px solid #e2e2e2;">
                            <span class="tc_inner eudcationbtn">
                                <div class="form_inputs">
                                    <p class="form_row">
                                        <span class="input_label">最高学历</span>
                                    </p>
                                </div>
                                <div class="kindword eduwords"></div>
                                <div class="changephotobox mysetpageimgbtn rightarrowimg">
                                    <img src="img/rarr02.png"/>
                                </div>
                            </span>
                                <div class="tc_stroke"></div>
                            </li>
                            <!-- 我的行业-->
                            <li class="Cell InputCell InputMixin" style="display:none;">
                                <div class="Cell InputCell InputMixin">
                                <span class="tc_inner hangyelistbtn">
                                    <div class="form_inputs">
                                        <p class="form_row">
                                            <span class="input_label">常看的行业</span>
                                        </p>
                                    </div>
                                    <div class="kindword hangyewords">
                                    </div>
                                    <div class="changephotobox mysetpageimgbtn rightarrowimg">
                                        <img src="img/rarr02.png"/>
                                    </div>
                                </span>
                                </div>
                                <div class="tc_stroke"></div>
                            </li>
                            <!-- 我的兴趣-->
                            <li class="Cell InputCell InputMixin" style="display:none;">
                                <div class="Cell InputCell InputMixin">
                                    <span class="tc_inner xingqulistbtn">
                                        <div class="form_inputs">
                                            <p class="form_row">
                                                <span class="input_label">常看的兴趣</span>
                                            </p>
                                        </div>
                                        <div class="kindword xingquwords"></div>
                                        <div class="changephotobox mysetpageimgbtn rightarrowimg">
                                            <img src="img/rarr02.png"/>
                                        </div>
                                    </span>
                                </div>
                                <div class="tc_stroke"></div>
                            </li>
                            <!-- 我常看的新闻-->
                            <li class="Cell InputCell InputMixin" style="display:none;">
                                <div class="Cell InputCell InputMixin">
                                <span class="tc_inner alwaysseelistbtn">
                                    <div class="form_inputs">
                                        <p class="form_row">
                                            <span class="input_label">常看的新闻</span>
                                        </p>
                                    </div>
                                    <div class="kindword alwayswords">
                                    </div>
                                    <div class="changephotobox mysetpageimgbtn rightarrowimg">
                                        <img src="img/rarr02.png"/>
                                    </div>
                                </span>
                                </div>
                                <div class="tc_stroke"></div>
                            </li>
                            <!--所在城市-->
                            <li class="Cell InputCell InputMixin">
                            <span class="tc_inner mychoicecitybtn">
                                <div class="form_inputs">
                                    <div class="form_row">
                                        <label class="input_label" for="mylabel">所在城市</label>
                                    </div>
                                </div>
                                <div class="kindword myctywords"></div>
                                <div class="changephotobox mysetpageimgbtn rightarrowimg">
                                    <img src="img/rarr02.png"/>
                                </div>
                            </span>
                                <div class="tc_stroke"></div>
                            </li>
                            <!-- 待过的城市-->
                            <li class="Cell InputCell InputMixin">
                            <span class="tc_inner choicecitybtn">
                                <div class="form_inputs">
                                    <div class="form_row">
                                        <label class="input_label" for="mylabel">待过的城市</label>
                                    </div>
                                </div>
                                <div class="kindword ctywords"></div>
                                <div class="changephotobox mysetpageimgbtn rightarrowimg">
                                    <img src="img/rarr02.png"/>
                                </div>
                            </span>
                                <div class="tc_stroke"></div>
                            </li>
                        </ul>
                        <!--<div class=" hangyequedingbtn" id="savechange" style="margin:20px auto;text-align: center;font-size: 18px;">保存</div>-->
                    </form>
                    <!--填写排名-->
                    <div id="ranking" style="display:block;">
                        <p class="text_note" style="color:red;">提示：修改公司产业方向、行业排名、职能级别的信息，会影响您的上层级同层内容展示，请谨慎修改</p>
                        <ul class="bind_box">
                            <li class="form-item">
                                <label class="field-label">*公司产业方向</label>
                                <div class="auth_code professionDiv" onclick="showProfessionPage()">
                                    <img src="img/rarr02.png"/>
                                    <div class="newsname"></div>
                                </div>
                            </li>
                            <li class="form-item">
                                <label class="field-label">*公司在行业排名</label>
                                <div class="clear-input-box">
                                    <select id="companyRank">
                                        <option value="4">前10%</option>
                                        <option value="3">前11%-30%</option>
                                        <option value="2">前31%-60%</option>
                                        <option value="1">前61%-99%</option>
                                    </select>
                                </div>
                            </li>
                            <li class="form-item">
                                <label class="field-label">*职能级别</label>
                                <div class="clear-input-box">
                                    <input onchange="showAdministration(this)" type="checkbox" id="administrationState"/><label for="administrationState" style="margin-right:20px;">管理岗</label>
                                    <input onchange="showSkill(this)" type="checkbox" id="skillState"/><label for="skillState">技术岗</label>
                                </div>
                            </li>
                            <li class="form-item" style="display:none" id="administrationLi">
                                <label class="field-label">管理级别</label>
                                <div class="clear-input-box">
                                    <select id="manageRank">
                                        <option value="3">高层</option>
                                        <option value="2">中层</option>
                                        <option value="1">普通</option>
                                    </select>
                                </div>
                            </li>
                            <li class="form-item" style="display:none;" id="skillLi">
                                <div class="part1">
                                    <p>个人技术关键词</p>
                                    <div class="itemDiv large">
                                        <div class="lf">
                                            <span class="lf">大领域：</span>
                                            <div style="margin-left:60px;padding-right:10px;"><input id="largeInput" type="text" placeholder="如游戏开发"/></div>
                                        </div>
                                        <div class="lf">
                                            <span class="lf">排名：</span>
                                            <div><select name="level" id="LargeLevel">
                                                <option value="4">前10%</option>
                                                <option value="3">前11%-30%</option>
                                                <option value="2">前31%-60%</option>
                                                <option value="1">前61%-99%</option>
                                            </select></div>
                                        </div>
                                    </div>
                                    <!-- 添加项-->

                                    <!-- -->
                                    <div class="addLarge" id="addLargeBtn" onclick="addLargeKeyWord()">
                                        <span>+</span>
                                        添加
                                    </div>
                                    <!-- -->
                                    <!-- -->
                                    <div class="small">
                                        <div class="lf">
                                            <span class="lf">小领域：</span>
                                            <div style="margin-left:60px;padding-right:10px;"><input id="smallInput" type="text" placeholder="如手游开发"/></div>
                                        </div>
                                        <div class="lf">
                                            <span class="lf">排名：</span>
                                            <div><select name="level" id="smallLevel">
                                                <option value="4">前10%</option>
                                                <option value="3">前11%-30%</option>
                                                <option value="2">前31%-60%</option>
                                                <option value="1">前61%-99%</option>
                                            </select></div>
                                        </div>
                                    </div>
                                    <!-- 添加项-->

                                    <!-- -->
                                    <div class="addSmall" id="addSmallBtn" onclick="addSmallKeyWord()">
                                        <span>+</span>
                                        添加
                                    </div>

                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 行业加载的列表页-->
        <div class="PageWrapper mweb" id="choicepage" style="margin-top: 88px; display: none">
            <!-- 头部导航条-->
            <div class="Header">
                <div class="fixed_header">
                    <div class="header_main">
                        <button class="mweb_modal_back_button lf" id="myjobpagegoback"></button>
                        <div class="page_title">选择行业</div>
                        <a class="navigation_button is_done" id="finish">完成</a>
                    </div>
                    <!-- 四个导航-->
                    <div class="HeaderSwitcher ReadSwitcher SubHeader" style="height: 44px;">
                        <div class="switcher">
                            已选：
                            <div id="choicedbox">

                            </div>
                            <!--<div class="rt" style="font-weight: 100;font-size: 12px;">(最多3个)</div>-->
                        </div>
                    </div>
                </div>
            </div>
            <!-- 分页主体-->
            <div class="wrapper home_feed">
                <!-- 列表-->
                <div id="delectlist" style="display:block">
                    <div class="Section">
                        <ul class="ts_cells" id="ts_cells">

                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 兴趣加载的列表页-->
        <div class="PageWrapper mweb" id="xqchoicepage" style="margin-top: 88px; display: none">
            <!-- 头部导航条-->
            <div class="Header">
                <div class="fixed_header">
                    <div class="header_main">
                        <button class="mweb_modal_back_button lf" id="hobbypagegoback"></button>
                        <div class="page_title">选择兴趣</div>

                        <a class="navigation_button is_done" id="xqfinish">完成</a>
                    </div>
                    <!-- 四个导航-->
                    <div class="HeaderSwitcher ReadSwitcher SubHeader" style="height: 44px;">
                        <div class="switcher">
                            已选：
                            <div id="xqchoicedbox">
                            </div>
                            <!--<div class="rt" style="font-weight: 100;font-size: 12px;">(最多3个)</div>-->
                        </div>
                    </div>
                </div>
            </div>
            <!-- 页面主体-->
            <div class="wrapper home_feed">
                <!-- 列表-->
                <div id="xqdelectlist" style="display:block">
                    <div class="Section">
                        <ul class="ts_cells" id="xqts_cells">
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 我常看的新闻列表页-->
        <div class="PageWrapper mweb" id="alwayschoicepage" style="margin-top: 88px; display: none">
            <!-- 头部导航条-->
            <div class="Header">
                <div class="fixed_header">
                    <div class="header_main">
                        <button class="mweb_modal_back_button lf" id="alwaysseepagegoback"></button>
                        <div class="page_title">选择新闻类别</div>

                        <a class="navigation_button is_done" id="alwaysfinish">完成</a>
                    </div>
                    <!-- 四个导航-->
                    <div class="HeaderSwitcher ReadSwitcher SubHeader" style="height: 44px;">
                        <div class="switcher">
                            已选：
                            <div id="alwayschoicedbox">
                            </div>
                            <!--<div class="rt" style="font-weight: 100;font-size: 12px;">(最多3个)</div>-->
                        </div>
                    </div>
                </div>
            </div>
            <!-- 页面主体-->
            <div class="wrapper home_feed">
                <!-- 列表-->
                <div id="alwaysdelectlist" style="display:block">
                    <div class="Section">
                        <ul class="ts_cells" id="alwaysts_cells">
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 最高学历-->
        <div class="PageWrapper mweb" id="edchoicepage" style="margin-top:44px; display: none">
            <!-- 头部导航条-->
            <div class="Header">
                <div class="fixed_header">
                    <div class="header_main">
                        <button class="mweb_modal_back_button lf" id="edupagegoback"></button>
                        <div class="page_title">选择学历</div>
                        <a class="navigation_button is_done" id="edfinish" style="display:none;">完成</a>
                    </div>
                </div>
            </div>
            <!-- 页面主体-->
            <div class="wrapper home_feed">
                <!-- 列表-->
                <div style="display:block">
                    <div class="Section">
                        <ul class="ts_cells">
                            <li class="Cell edlist">
                                <span class="tc_inner">
                                    初中及以下
                                    <div class="rt edokbtn">
                                        <img src="img/hook-no.png" class="edokbtnimg2" style="display: block"/>
                                        <img src="img/hook01.png" class="edokbtnimg1" style="display: none"/>
                                    </div>
                                </span>
                                <div class="tc_stroke"></div>
                            </li>
                            <li class="Cell edlist">
                                <span class="tc_inner">
                                    高中
                                    <div class="rt edokbtn">
                                        <img src="img/hook-no.png" class="edokbtnimg2" style="display: block"/>
                                        <img src="img/hook01.png" class="edokbtnimg1" style="display: none"/>
                                    </div>
                                </span>
                                <div class="tc_stroke"></div>
                            </li>
                            <li class="Cell edlist">
                                <span class="tc_inner">
                                    大学
                                    <div class="rt edokbtn">
                                        <img src="img/hook-no.png" class="edokbtnimg2" style="display: block"/>
                                        <img src="img/hook01.png" class="edokbtnimg1" style="display: none"/>
                                    </div>
                                </span>
                                <div class="tc_stroke"></div>
                            </li>
                            <li class="Cell edlist">
                                <span class="tc_inner">
                                    硕士及以上
                                    <div class="rt edokbtn">
                                        <img src="img/hook-no.png" class="edokbtnimg2" style="display: block"/>
                                        <img src="img/hook01.png" class="edokbtnimg1" style="display: none"/>
                                    </div>
                                </span>
                                <div class="tc_stroke"></div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 待过的城市-->
        <div class="PageWrapper mweb" id="ctchoicepage" style="display: none;height:0;margin-top:0;">
            <!-- 头部导航条-->
            <div class="Header">
                <div class="fixed_header" style="position:relative">
                    <div class="header_main">
                        <button class="mweb_modal_back_button lf" id="citypagegoback"></button>
                        <div class="page_title">选择城市</div>
                        <a class="navigation_button is_done" id="ctfinish">完成</a>
                    </div>
                </div>
            </div>
            <!-- 搜索框-->
            <div class="inputsearchbox" style="position:relative">
                <div>
                    <div class="header_action_buttons mweb_lookup_bar_has_input">
                        <div class="mweb_lookup_bar_input_wrapper ">
                            <div class="mweb_lookup_bar_input" style="min-height: 29px;font-size: 14px; color:#BC7F74;">
                                <div id="csearchbtn"></div>
                                <input type="text" id="csearchinput" placeholder="搜索" style="width:100%"/>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="choicecitybox" style="display: block">
                    已选择：
                </div>
            </div>
            <!-- 所有城市页面-->
            <div class="wrapper home_feed" id="allcitypage" style="height:0;">
                <ul id="hotcity">
                    <span>热门城市</span>
                    <li class="ctlist">
                        <span class="tc_inner" data-id="beijing">北京</span>
                        <span class="tc_inner" data-id="chengdu">成都</span>
                        <span class="tc_inner" data-id="chongqing">重庆</span>
                        <span class="tc_inner" data-id="changsha">长沙</span>
                        <span class="tc_inner" data-id="foshan">佛山</span>
                        <span class="tc_inner" data-id="guangzhou">广州</span>
                        <span class="tc_inner" data-id="hangzhou">杭州</span>
                        <span class="tc_inner" data-id="nanjing">南京</span>
                        <span class="tc_inner" data-id="ningbo">宁波</span>
                        <span class="tc_inner" data-id="qingdao">青岛</span>
                        <span class="tc_inner" data-id="shanghai">上海</span>
                        <span class="tc_inner" data-id="suzhou">苏州</span>
                        <span class="tc_inner" data-id="shenzhen">深圳</span>
                        <span class="tc_inner" data-id="shenyang">沈阳</span>
                        <span class="tc_inner" data-id="tianjin">天津</span>
                        <span class="tc_inner" data-id="wuxi">无锡</span>
                        <span class="tc_inner" data-id="wuhan">武汉</span>
                        <span class="tc_inner" data-id="xian">西安</span>
                        <span class="tc_inner" data-id="xiamen">厦门</span>
                        <span class="tc_inner" data-id="zhengzhou">郑州</span>
                    </li>
                </ul>
                <!-- 列表-->
                <div style="display:block">
                    <div class="Section">
                        <ul class="ts_cells" id="citylistul">
                            <!-- A-->
                            <li class="Cell ctlist" id="A">
                                <div class="listtitle A">A</div>
                                <div class="box">
                                </div>
                            </li>
                            <!-- B-->
                            <li class="Cell ctlist" id="B">
                                <div class="listtitle B">B</div>
                                <div class="box">

                                </div>
                            </li>
                            <!-- C-->
                            <li class="Cell ctlist" id="C">
                                <div class="listtitle C">C</div>
                                <div class="box">

                                </div>
                            </li>
                            <!-- D-->
                            <li class="Cell ctlist" id="D">
                                <div class="listtitle D">D</div>
                                <div class="box">

                                </div>
                            </li>
                            <!-- E-->
                            <li class="Cell ctlist" id="E">
                                <div class="listtitle E">E</div>
                                <div class="box">

                                </div>
                            </li>
                            <!-- F-->
                            <li class="Cell ctlist" id="F">
                                <div class="listtitle F">F</div>
                                <div class="box">

                                </div>
                            </li>
                            <!-- G-->
                            <li class="Cell ctlist" id="G">
                                <div class="listtitle G">G</div>
                                <div class="box">

                                </div>
                            </li>
                            <!-- H-->
                            <li class="Cell ctlist" id="H">
                                <div class="listtitle H">H</div>
                                <div class="box">

                                </div>
                            </li>
                            <!-- J-->
                            <li class="Cell ctlist" id="J">
                                <div class="listtitle J">J</div>
                                <div class="box">

                                </div>
                            </li>
                            <!-- K-->
                            <li class="Cell ctlist" id="K">
                                <div class="listtitle K">K</div>
                                <div class="box">

                                </div>
                            </li>
                            <!-- L-->
                            <li class="Cell ctlist" id="L">
                                <div class="listtitle L">L</div>
                                <div class="box">

                                </div>
                            </li>
                            <!-- M-->
                            <li class="Cell ctlist" id="M">
                                <div class="listtitle M">M</div>
                                <div class="box">

                                </div>
                            </li>
                            <!-- N-->
                            <li class="Cell ctlist" id="N">
                                <div class="listtitle N">N</div>
                                <div class="box">

                                </div>
                            </li>
                            <!-- P-->
                            <li class="Cell ctlist" id="P">
                                <div class="listtitle P">P</div>
                                <div class="box">

                                </div>
                            </li>
                            <!-- Q-->
                            <li class="Cell ctlist" id="Q">
                                <div class="listtitle Q">Q</div>
                                <div class="box">

                                </div>
                            </li>
                            <!-- R-->
                            <li class="Cell ctlist" id="R">
                                <div class="listtitle R">R</div>
                                <div class="box">

                                </div>
                            </li>
                            <!-- S-->
                            <li class="Cell ctlist" id="S">
                                <div class="listtitle S">S</div>
                                <div class="box">

                                </div>
                            </li>
                            <!-- T-->
                            <li class="Cell ctlist" id="T">
                                <div class="listtitle T">T</div>
                                <div class="box">

                                </div>
                            </li>
                            <!-- W-->
                            <li class="Cell ctlist" id="W">
                                <div class="listtitle W">W</div>
                                <div class="box">

                                </div>
                            </li>
                            <!-- X-->
                            <li class="Cell ctlist" id="X">
                                <div class="listtitle X">X</div>
                                <div class="box">

                                </div>
                            </li>
                            <!-- Y-->
                            <li class="Cell ctlist" id="Y">
                                <div class="listtitle Y">Y</div>
                                <div class="box">

                                </div>
                            </li>
                            <!-- Z-->
                            <li class="Cell ctlist" id="Z">
                                <div class="listtitle A">Z</div>
                                <div class="box">

                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--右侧导航条-->
                <div class="rightnav">
                    <div data-num="1">A</div>
                    <div data-num="2">B</div>
                    <div data-num="3">C</div>
                    <div data-num="4">D</div>
                    <div data-num="5">E</div>
                    <div data-num="6">F</div>
                    <div data-num="7">G</div>
                    <div data-num="8">H</div>
                    <div data-num="9">J</div>
                    <div data-num="10">K</div>
                    <div data-num="11">L</div>
                    <div data-num="12">M</div>
                    <div data-num="13">N</div>
                    <div data-num="14">P</div>
                    <div data-num="15">Q</div>
                    <div data-num="16">R</div>
                    <div data-num="17">S</div>
                    <div data-num="18">T</div>
                    <div data-num="19">W</div>
                    <div data-num="20">X</div>
                    <div data-num="21">Y</div>
                    <div data-num="22">Z</div>
                </div>
            </div>
        </div>
        <!-- 选择图片-->
        <div class="PageWrapper mweb" id="imgchoicepage" style="margin-top:44px; display:none;">
            <!-- 头部导航条-->
            <div class="Header">
                <div class="fixed_header">
                    <div class="header_main">
                        <button class="mweb_modal_back_button lf" id="chimggoback"></button>
                        <div class="page_title"></div>
                        <a class="navigation_button is_done" id="imgfinish">使用</a>
                    </div>
                </div>
            </div>
            <!-- 页面主体-->
            <div class="wrapper home_feed">
                <img id="element_id" src="http://42.62.66.198:8003/HeaderImages/20170512141716006_.jpg">
            </div>

        </div>
        <!--选择行业列表(排名)-->
        <div id="professionList" style="display:none;">
            <!-- 头部-->
            <div class="Header ModalHeader">
                <div class="fixed_header">
                    <div class="header_main">
                        <!--<div class="mweb_modal_back_button" onclick="closeProfessionList()"></div>-->
                        <div class="page_title unified professionTitle">
                            <span>公司产业方向</span>（<span id="professionNum">0</span>/3)
                        </div>
                        <a class="navigation_button" onclick="choiceOkProfessionBtn()">确认</a>
                    </div>
                </div>
            </div>
            <!-- 列表加载区-->
            <div class="listplace">
                <div><label class="label1001" for="p1001">IT互联网</label><input class="lf" id="p1001" type="checkbox" onchange="computeProfessiion(this)"/></div>
                <div><label class="label1002" for="p1002">金融</label><input class="lf" id="p1002" type="checkbox" onchange="computeProfessiion(this)"/></div>
                <div><label class="label1003" for="p1003">文化传媒</label><input class="lf" id="p1003" type="checkbox" onchange="computeProfessiion(this)"/></div>
                <div><label class="label1004" for="p1004">服务业</label><input class="lf" id="p1004" type="checkbox" onchange="computeProfessiion(this)"/></div>
                <div><label class="label1005" for="p1005">教育培训</label><input class="lf" id="p1005" type="checkbox" onchange="computeProfessiion(this)"/></div>
                <div><label class="label1006" for="p1006">通信电子</label><input class="lf" id="p1006" type="checkbox" onchange="computeProfessiion(this)"/></div>
                <div><label class="label1007" for="p1007">房产建筑</label><input class="lf" id="p1007" type="checkbox" onchange="computeProfessiion(this)"/></div>
                <div><label class="label1008" for="p1008">轻工贸易</label><input class="lf" id="p1008" type="checkbox" onchange="computeProfessiion(this)"/></div>
                <div><label class="label1009" for="p1009">医疗生物</label><input class="lf" id="p1009" type="checkbox" onchange="computeProfessiion(this)"/></div>
                <div><label class="label1010" for="p1010">政府法律公益</label><input class="lf" id="p1010" type="checkbox" onchange="computeProfessiion(this)"/></div>
                <div><label class="label1011" for="p1011">化工能源</label><input class="lf" id="p1011" type="checkbox" onchange="computeProfessiion(this)"/></div>
                <div><label class="label1012" for="p1012">农林牧渔</label><input class="lf" id="p1012" type="checkbox" onchange="computeProfessiion(this)"/></div>
                <div><label class="label1013" for="p1013">机械制造</label><input class="lf" id="p1013" type="checkbox" onchange="computeProfessiion(this)"/></div>
            </div>
        </div>
    </div>
</div>
<!--昵称已存在-->
<div id="nokeywordalert">
    <div>
        <div class="inner">
            <!--<div class="title">提示</div>-->
            <div class="word">用户昵称已存在</div>
            <div id="closealertbtn">确定</div>
        </div>
    </div>
</div>
<!--图片处理中-->
<div id="sendimginfo" style="display: none;">
    <div>
        <p>正在处理图片，请耐心等待...</p>
        <p style="padding-top:10px;text-align: center"><img src="img/imgloading2.gif"></p>
    </div>
</div>
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="ftnjs/urlnote.js"></script>
<!--<script src="ftnjs/mobileBUGFix.mini.js"></script>-->
<!--<script src="ftnjs/LocalResizeIMG.js"></script>-->
<script src="../ftnjs/exif.js"></script>

<script src="js/jquery.Jcrop.min.js"></script>
<script src="ftnjs/cropbox.js"></script>
<script src="js/citylistjs.js"></script>
<script src="js/tohref.js"></script>
<script src="ftnjs/ctoe.js"></script>
<script src="js/mysetpage.js"></script>
<script src="ftnjs/newnotenotice.js"></script>

<!--<script src="ftnjs/scale.js"></script>-->
<script>
    if(window.screen.availWidth>1000){
        $(".rightnav").css("right",(window.screen.availWidth-1000)/2+7+"px");
    }

</script>
</body>
</html>